<template>
	<view>
		<image :src="src" mode="" @click="changeHeadIcon" style="width: 200rpx; height: 200rpx;"></image>
	</view>
</template>

<script>
	export default {
		// 1 点击图片后，选择本地图片  uni.chooseImages()
		// 2 将本地图片上传到服务器
		// 3 将服务器中的图片，更新到本地数据src，更新界面 
		data() {
			return {
				src:'../../static/logo.png' // 头像地址
			}
		},
		methods: {
			changeHeadIcon(){
				// 选择图片
				uni.chooseImage({ 
					success: (res) => {
						console.log(res);
						let path = res.tempFilePaths[0]
						uni.uploadFile({
							url:'http://localhost:8090/foodapp/uploadheadicon', // 地址
							name: 'file', // 数据的键
							filePath: path ,// 文件的路径
							success: (uploadFileRes) => {
								// 3 将服务器中的图片，更新到本地数据src，更新界面 
								this.src='http://localhost:8090/' + JSON.parse(uploadFileRes.data).headiconpath
							}
						})
					}
				})
			}
		}
	}
</script>

<style>

</style>
